<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css 回顾例子</title>
	<script src="jquery-1.11.1.js"></script>
	<script>
		$(document).ready(function(){
			console.log('ready');

			//设置样式
			$("li").css("font-size",function(i,v){
				// index 索引
				// value 值,这里是指font-size的值
				// return (i +1)*parseInt(v) + "px";

				//设置某一个
				// if(i ===2){
				// 	return (i+1) * parseInt(v)+"px";
				// }

				// 修改偶数行
				if(((i+1)%2) ==0){
					return (i+1) * parseInt(v)+"px";
				}
			})
		})
	</script>
</head>
<body>
	<ul>
		<li>我是第 1 个 li</li>
		<li>我是第 2 个 li</li>
		<li>我是第 3 个 li</li>
		<li>我是第 4 个 li</li>
		<li>我是第 5 个 li</li>
		<li>我是第 6 个 li</li>
		<li>我是第 7 个 li</li>
		<li>我是第 8 个 li</li>
	</ul>
	
</body>
</html>